<template>
	<view class="wrap"  >
		<u-swiper :list="swiperList" :effect3d="true" @click="goDetails"></u-swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				"swiperList": [{
						"id": 1,
						"image": "https://img.zcool.cn/community/0101b35ad80b5fa8012040295a4b02.jpg?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/format,webp/quality,q_100"
					},
					{
						"id": 2,
						"image": "https://i.pinimg.com/736x/b9/b3/31/b9b331400113869f2d0cddb1f790da3c.jpg"
					},
					{
						"id": 3,
						"image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTrccSBdBN1kYU_vOP6pvrcslheL-TjQhq_rA&usqp=CAU"
					}
				],
			}
		},
		methods:{
			goDetails(){
				uni.navigateTo({
					url:'/pages/details/details'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	swiper {
		width: 100%;
		height: 400rpx;

		.swiper-img {
			width: 100%;
			height: 400rpx;
		}
	}
</style>
